{extend name="index-layout" /}onepayonepay
{block name="content"}
<div class="hbanner">
    <div class="wrapper">
        <div class="wow fadeInLeft hbanner-txt g-txt">
            <h2>
                Onepay支付/Payment
                <br/>
                <font>
                    让支付接口对接前所未有的简单
                </font>
            </h2>
            <p>
                无需后端开发，一个SDK即可接入一套完整的支付系统，高速集成主流支付接口，以更稳定的接口、更快的速度直达支付。
            </p>
            <!--<a href="#"class="hbanner-btn g-home-btn">立即注册</a>-->
        </div>
        <div class="wow fadeInRight hbanner-img g-img">
            <img src="__INDEX__/picture/banner-1.png" />
        </div>
    </div>
</div>
<div class="hnav">
    <div class="wrapper">
        <ul>
            <li>
                <div class="img">
                    <img src="__INDEX__/picture/img_01.png" alt="" />
                </div>
                <div class="txt">
                    <h2>
                        快速高效
                    </h2>
                    <p>
                        10分钟超快速响应，1V1专业客
                        <br/>
                        服服务，7*24小时技术支持。
                    </p>
                </div>
            </li>
            <li>
                <div class="img">
                    <img src="__INDEX__/picture/img_02.png" alt="" />
                </div>
                <div class="txt">
                    <h2>
                        稳定持久
                    </h2>
                    <p>
                        多机房异地容灾系统，服务器可用
                        <br/>
                        性99.9%，专业运维团队值守。
                    </p>
                </div>
            </li>
            <li>
                <div class="img">
                    <img src="__INDEX__/picture/img_03.png" alt="" />
                </div>
                <div class="txt">
                    <h2>
                        快速高效
                    </h2>
                    <p>
                        金融级安全防护标准，强有力抵
                        <br/>
                        御外部入侵，支持高并发交易。
                    </p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="hhelp">
    <div class="wrapper">
        <div class="hhelp-hd g-hd">
            <h2 class="wow fadeInUp">
                最专业的支付帮手
            </h2>
            <p class="wow fadeInUp" data-wow-delay='.5s'>
                -Payment Assistant-
            </p>
        </div>
        <div class="wow fadeInUp hhelp-bd" data-wow-delay=".5s">
            <ul class="clear">
                <li class="s">
                    <div class="img">
                        <img src="__INDEX__/picture/img_04.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            手机APP支付
                        </h2>
                        <h4>
                            APP内实现收款
                        </h4>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="__INDEX__/picture/img_05.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            手机网页支付
                        </h2>
                        <h4>
                            手机浏览器内实现收款
                        </h4>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="__INDEX__/picture/img_06.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            公众号支付
                        </h2>
                        <h4>
                            微信浏览器内实现收款
                        </h4>
                    </div>
                </li>
                <li class="s">
                    <div class="img">
                        <img src="__INDEX__/picture/img_07.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            PC网页支付
                        </h2>
                        <h4>
                            PC浏览器内实现收款
                        </h4>
                    </div>
                </li>
                <li class="s">
                    <div class="img">
                        <img src="__INDEX__/picture/img_08.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            线下扫码支付
                        </h2>
                        <h4>
                            扫描二维码实现收款
                        </h4>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="hpro">
    <div class="wrapper">
        <div class="hpro-hd g-hd">
            <h2 class="wow fadeInUp">
                产品与服务
            </h2>
            <p class="wow fadeInUp" data-wow-delay='.5s'>
                -PRODUCT SERVICE-
            </p>
        </div>
        <div class="hpro-bd">
            <ul>
                <li>
                    <div class="img">
                        <img src="__INDEX__/picture/img_09.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            财务对账
                        </h2>
                        <h4>
                            相近的订单统计
                            <br/>
                            企业收支一目了然
                        </h4>
                    </div>
                </li>
                <li class="line-ffb573">
                    <div class="img">
                        <img src="__INDEX__/picture/img_10.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            商户系统
                        </h2>
                        <h4>
                            添加商户账号
                            <br/>
                            为交易实现分账功能
                        </h4>
                    </div>
                </li>
                <li class="line-47e7c4">
                    <div class="img">
                        <img src="__INDEX__/picture/img_11.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            接口申请
                        </h2>
                        <h4>
                            全支付场景覆盖
                            <br/>
                            主流支付接口支持
                        </h4>
                    </div>
                </li>
                <li class="line-6e94ff">
                    <div class="img">
                        <img src="__INDEX__/picture/img_12.png" />
                    </div>
                    <div class="txt">
                        <h2>
                            二维码支付
                        </h2>
                        <h4>
                            专业收款工具
                            <br/>
                            线下商户经营必备
                        </h4>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="pay">
    <div class="wrapper">
        <div class="pay-hd g-hd">
            <h2 class="wow fadeInUp">
                对接多家支付接口
            </h2>
            <p class="wow fadeInUp" data-wow-delay='.25s'>
                -Multiple payments-
            </p>
            <p class="wow fadeInUp pay-txt" data-wow-delay='.5s'>
                对接行业内最优质的多家支付接口。全力保障业务流畅。
                <br/>
                让支付接口开发更加简单方便。
            </p>
        </div>
        <div class="pay-bd">
            <ul>
                <li class="wow fadeInLeft">
                    <div class="img">
                        <img src="__INDEX__/picture/img_13.png" />
                    </div>
                    <div class="txt">
                        <p>
                            支付宝支付
                        </p>
                    </div>
                </li>
                <li class="wow fadeInLeft">
                    <div class="img">
                        <img src="__INDEX__/picture/img_14.png" />
                    </div>
                    <div class="txt">
                        <p>
                            微信支付
                        </p>
                    </div>
                </li>
                <li class="wow fadeInRight">
                    <div class="img">
                        <img src="__INDEX__/picture/img_15.png" />
                    </div>
                    <div class="txt">
                        <p>
                            QQ钱包
                        </p>
                    </div>
                </li>
                <li class="wow fadeInRight">
                    <div class="img">
                        <img src="__INDEX__/picture/img_16.png" />
                    </div>
                    <div class="txt">
                        <p>
                            银联支付
                        </p>
                    </div>
                </li>
                <li class="wow fadeInLeft">
                    <div class="img">
                        <img src="__INDEX__/picture/img_17.png" />
                    </div>
                    <div class="txt">
                        <p>
                            京东支付
                        </p>
                    </div>
                </li>
                <li class="wow fadeInLeft">
                    <div class="img">
                        <img src="__INDEX__/picture/img_18.png" />
                    </div>
                    <div class="txt">
                        <p>
                            百度钱包
                        </p>
                    </div>
                </li>
                <li class="wow fadeInRight">
                    <div class="img">
                        <img src="__INDEX__/picture/img_19.png" />
                    </div>
                    <div class="txt">
                        <p>
                            Apple Pay
                        </p>
                    </div>
                </li>
                <li class="wow fadeInRight">
                    <div class="img">
                        <img src="__INDEX__/picture/img_20.png" />
                    </div>
                    <div class="txt">
                        <p>
                            蚂蚁花呗
                        </p>
                    </div>
                </li>
            </ul>
            <!--<a class="pay-btn g-btn"data-wow-delay=".2s"href="#">我要接入</a>-->
        </div>
    </div>
</div>
<div class="hview even">
    <div class="wrapper">
        <div class="wow fadeInRight hview-img img">
            <img src="__INDEX__/picture/img_21.png" />
        </div>
        <div class="wow fadeInLeft hview-txt txt">
            <h2 class=" line-27">
                定制化支付解决方案
            </h2>
            <ul>
                <li>
                    <i class="iconfont icon-xuanzhongzhuangtai">
                    </i>
                    支持不同业务场景的交易方式。
                </li>
                <li>
                    <i class="iconfont icon-xuanzhongzhuangtai">
                    </i>
                    免费在线一对一分析支付场景、梳理企业收款需
                    <br/>
                    求，提出接入建议、定制支付解决方案。
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="hview odd">
    <div class="wrapper">
        <div class="wow fadeInLeft hview-img img">
            <img src="__INDEX__/picture/img_22.png" />
        </div>
        <div class="wow fadeInRight hview-txt txt">
            <h2 class="line-27 line-a996fa">
                专业的全流程服务
            </h2>
            <ul>
                <li>
                    <i class="iconfont icon-xuanzhongzhuangtai">
                    </i>
                    支持个性化定制和私有化部署。
                </li>
                <li>
                    <i class="iconfont icon-xuanzhongzhuangtai">
                    </i>
                    全程跟进定制化业务需求，可部署企业本地服务器，数据安全可控。
                </li>
                <li>
                    <i class="iconfont icon-xuanzhongzhuangtai">
                    </i>
                    客户成功团队从接口联调、测试上线到后期系统运维、管理平台
                    <br/>
                    使用等各方向全面提供7*10小时服务。
                </li>
            </ul>
            <!--<a href=""class="g-btn btn-jr">现在加入</a>-->
        </div>
    </div>
</div>
<div class="hpartner">
    <div class="wrapper">
        <div class="hpart-hd g-hd">
            <h2 class="wow fadeInUp">
                我们的伙伴
            </h2>
            <p class="wow fadeInUp" data-wow-delay=".4s">
                -Our partners-
            </p>
        </div>
        <div class="hpart-bd">
            <div class="hpart-prev">
                <i class="iconfont icon-zuo">
                </i>
            </div>
            <div class="hpart-list">
                <div class="list-wrper">
                    <ul class="hpart-list-wrapper">
                        <li class="hpart-list-item">
                            <dl>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_1.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_2.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_3.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_4.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_5.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_6.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_7.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_8.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_9.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_10.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_11.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_12.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_13.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_14.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_15.png" />
                                    </a>
                                </dd>
                            </dl>
                        </li>
                        <li class="hpart-list-item">
                            <dl>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_1.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_2.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_3.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_4.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_5.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_6.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_7.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_8.png" />
                                    </a>
                                </dd>
                                <dd>
                                    <a href="#">
                                        <img src="__INDEX__/picture/slider_9.png" />
                                    </a>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="hpart-next">
                <i class="iconfont icon-you">
                </i>
            </div>
        </div>
    </div>
</div>
<div class="hstart">
    <div class="wrapper">
        <div class="wow fadeInLeft hstart-txt">
            <h2>
                立即开启支付新时代！
            </h2>
            <p>
                Onepay支付，支付技术服务商，让支付简单、专业、快捷！
            </p>
        </div>
        <div class="wow fadeInRight hstart-btn ">
            <a class="g-btn" href="{:url('index/Login/register')}">立即开启</a>
        </div>
    </div>
</div>
{/block}